<template>
	<view>
		<uni-list>
			<uni-list :border="true">
				<uni-list-chat :avatar-circle="true" title="系统消息" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="康宝宝V3.0版本上线啦!点击查看"  badge-positon="left" badge-text="dot">
					<view class="chat-custom-right">
						<uni-icons type="right" color="#999" size="18" ></uni-icons>
					</view>
				</uni-list-chat>
				
				<uni-list-chat :avatar-circle="true" title="系统消息" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="康宝宝V3.0版本上线啦!点击查看" time="2020-02-02 20:20" badge-positon="left" badge-text="dot">
					<view class="chat-custom-right">
						<uni-icons type="right" color="#999" size="18" ></uni-icons>
					</view>
				</uni-list-chat>			
			</uni-list>
		</uni-list>
	</view>
</template>

<script setup>
	
</script>

<style scoped>
	
.chat-custom-right {
	flex: 1;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.chat-custom-text {
	font-size: 12px;
	color: #999;
}
	

	       
</style>
